<!-- ===================== Modal ===================== -->
<div id="modal" class="modal fade hide">
	<div class="modal-header">
		<span id="modal_title"></span>
        <button type="button" class="close" data-dismiss="modal">x</button>        
	</div>
	<div class="modal-body">
		<form class="well form-horizontal modal-form">
			<ul class="nav nav-tabs tab_styled_light">
				<li class="active"><a href="#tab1" data-toggle="tab"><?php echo lang('group') ?></a></li>
				<li><a href="#tab2" data-toggle="tab"><?php echo lang('group_permission') ?></a></li>
			</ul>

			<div class="tab-content tab_content_light">
				<div id="tab1" class="tab-pane active">
					<fieldset>
						<div class="control-group">
							<label class="control-label" for="name"><?php echo lang('group_name') ?></label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="name"><span></span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="description"><?php echo lang('group_desc') ?></label>
							<div class="controls">
								<textarea id="description" class="input-xlarge"></textarea><span></span>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="upload_text_image"><?php echo lang('upload_text_image') ?></label>
							<div class="controls">
								<input id="upload_text_image" class="input-small" type="checkbox"><span></span>
							</div>
						</div>
					</fieldset>

				</div>
				<div id="tab2" class="tab-pane fade">
					<label class="checkbox">
						<input type="checkbox"> Check me out
					</label>
				</div>
			</div>
		</form>
	</div>
	<div class="modal-footer">  
		<button class="btn btn-success" id="modal_ok"><?php echo lang('ok') ?></button>
		<button class="btn" id="modal_cancel"><?php echo lang('cancel') ?></button>
	</div>
</div>  
